<template>
	<view>
		<!-- <view>
			<text>唱歌跳舞打篮球</text>
		</view>
		<view>
			<text selectable>唱歌跳舞打篮球</text>
		</view>
		<view>
			<text selectable space="emsp">唱歌 跳舞打篮球</text>
		</view>
		<view>
			<text selectable space="emsp" style="font-size: 30px;">唱歌  跳舞打篮球</text>
		</view>
		<view>
			<text decode="false">&amp;</text>
		</view> -->

		<view class="box2" hover-class="box-active">
			<view class="box" hover-class="box-active" hover-stop-propagation hover-start-time="2000"
				hover-stay-time="2000">
				我是一个大盒子
			</view>
		</view>
		<!-- <button type="default">按钮</button>
		<button type="default" size="mini">按钮</button>
		<button type="primary">按钮</button>
		<button type="warn">按钮</button>
		<button type="default" plain>按钮</button>
		<button type="default" disabled="">按钮</button>
		<button type="default" loading=""></button> -->
		<image src="../../static/logo.png"></image>
		<image src="../../static/logo.png" mode="aspectFill"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.box {
		width: 100px;
		height: 100px;
		background-color: #007AFF;
	}

	.box2 {
		width: 200px;
		height: 200px;
		background-color: #7bed9f;
	}

	.box-active {
		background-color: #DD524D;
	}
</style>
